@charset "utf-8";
@import url('../fonts/fonts.css');
* {
  outline: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%
}
body {
  padding: 0;
  margin: 0 auto;
  line-height: 1.7;
  color: #231815;
  background: #fff;
  font-family: SourceHanSansCN, arial, sans-serif;
  -webkit-text-size-adjust: none;
  /*取出点击出现半透明的灰色背景*/
  -webkit-tap-highlight: rgba(0, 0, 0, 0);
  /*控制内容的可选择性*/
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  overflow-x: hidden
}
input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none;
}
ul, li, form, dl, dt, dd, div, ol, figure, article, nav, menu, aside, pre {
  padding: 0;
  margin: 0;
}
.ul, .ul li {
  list-style: none;
}
table, table td {
  border-collapse: collapse;
}
table {
  border-spacing: 0;
}
table td, select, input, textarea {
  font-size: 14px;
}
select, input, textarea {
  border-radius: 0;
  -webkit-border-radius: 0;
}
select, input, textarea, pre { font-family: arial, sans-serif;}
img { border: none; max-width: 100%; vertical-align: middle;}
a { color: #231815; text-decoration: none;  -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 去掉链接触摸高亮 */}
a:hover { color: #f29824; text-decoration: none;}
a:focus { color: #333; outline: none; -moz-outline: none;}
a:active { color: #333;}
pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  text-align: justify;
  text-justify: inter-ideograph;
}
.clear {
  clear: both;
  height: 0px;
  overflow: hidden;
  zoom: 0;
}
.clearfix:after {
  content: '';
  display: block;
  height: 0;
  clear: both;
}
.dot {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.dot2, .dot3, .dot4, .dot5, .dot6 {
  display: -webkit-box;
  display: box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  -webkit-box-orient: vertical;
}
.dot2 { -webkit-line-clamp: 2;}
.dot3 { -webkit-line-clamp: 3;}
.dot4 { -webkit-line-clamp: 4;}
.dot5 { -webkit-line-clamp: 5;}
.dot6 { -webkit-line-clamp: 6;}
.ytable { display: table;  width: 100%; height: 100%;table-layout: fixed;}
.ytable-cell { display: table-cell; vertical-align: middle;}

.ispic {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: block;
}
.zoomimg .pic{ overflow: hidden; position: relative}
.zoomimg .pic .ispic{
-webkit-transition: -webkit-transform 1.2s ease;
transition: -webkit-transform 1.2s ease;
transition: transform 1.2s ease;
transition: transform 1.2s ease,-webkit-transform 1.2s ease;
}
.zoomimg:hover .pic .ispic{ -webkit-transform:scale(1.1);transform:scale(1.1)}
:after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
.nMP { margin: 0; padding: 0;}
.noMP h1,
.noMP h2,
.noMP h3,
.noMP h4,
.noMP h5,
.noMP p{ margin: 0; padding: 0; font-weight: normal}

select.select-css {
	border: solid 1px #000;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
    background-repeat:  no-repeat;
    background-position:  98% center;
    background-color:  transparent;
	padding-right: 20px;
    padding-left: 10px;
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select.select-css::-ms-expand {
display: none;
}

.img-block{ display: block; width: 100%;}

.auto { margin: 0 auto; width:88.54166666666667%; position: relative}
.w1440{ max-width: 1440px}
@media(max-width:1025px){
.auto { width:95%}
}
/*******************************
open-search
********************************/
.open-search{cursor: pointer;}
.open-search[rel="absolute"]{position: absolute; top: 50%;}
.open-search[rel="relative"]{position: relative;}
.open-search.on{background: none!important;}
.open-search.on:before,
.open-search.on:after{position: absolute; content: ''; width: 70%; left: 15%; height: 3px; top: 50%; margin-top: -1.5px;background: #e78c1e;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.open-search.on:after{transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

.top-search{position: relative;display: none;padding-right: 50px;}
.top-search[rel="absolute"]{position: absolute; top: 100%; right: 0; z-index: 100; width: 100%;max-width: 320px;}
.top-search .text{width: 100%; height: 44px; line-height: 44px; border: 0;background: #fff; padding: 0 10px;color: #999;}
.top-search .text.focus{color: #333;}
.top-search .btn{position: absolute; right: 0; top: 0; height: 100%; width: 50px;background-repeat: no-repeat;background-position: center center;}

/*******************************
open-menu
********************************/
@media(max-width:1024px){
body.menu-show{overflow: hidden;}

.open-menu{z-index: 10; width: 40px; height: 40px;}
.open-menu[rel="relative"]{position: relative;}
.open-menu[rel="absolute"]{position: absolute; top: 50%; transform: translateY(-50%);}
.open-menu i{position: absolute; width: 100%; height: 3px; background: #fff; left: 0; top: 50%; margin-top: -1.5px; transition: 0.3s;}
.open-menu:not(.on) i:nth-child(1){margin-top: -10px;}
.open-menu:not(.on) i:nth-child(3){margin-top: 8px;}

.open-menu.on i:nth-child(2){opacity: 0;}
.open-menu.on i:nth-child(1){transform: rotate(-45deg);}
.open-menu.on i:nth-child(3){transform: rotate(45deg);}
}

/*************************************
whir_menu.2.0
**************************************/
@media(min-width:1025px){
.top-sub{position: absolute; top: 100%; z-index: 100;}
}
@media(max-width:1024px){
.has-multi aside,
.has-sub span{position: relative;padding-right: 40px; overflow: hidden;}
.has-multi aside .op-multi,
.has-sub span .op{position: absolute; width: 40px; height: 100%; height: 100%; transition: 0.3s; right: 0; top: 0;}
.has-multi aside .op-multi.click,
.has-sub span .op.click{transform: rotate(45deg);}
.has-multi aside .op-multi:before,
.has-multi aside .op-multi:after,
.has-sub span .op:before,
.has-sub span .op:after{position: absolute; content: ''; width: 12px; height: 2px;background: #fff; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.has-multi aside .op-multi:after,
.has-sub span .op:after{ width: 2px; height: 12px;}
.has-multi aside .op-multi:before,
.has-multi aside .op-multi:after{background-color: #666;}
}

[rel="li-relative"] li{position: relative; z-index: 100;}
[type="Vertical"] .sub{display: none;}
[type="Vertical"] .sub dl{padding: 10px;}
[type="Vertical"] .sub dt{line-height: 24px; padding: 5px 0; text-align: center;}
@media(min-width:1025px){
[type="Vertical"] .sub dl{background: rgba(255,255,255,0.85);}
[rel="li-relative"] .sub{left: 50%; width: 140px; margin-left: -70px;}
}

[type="Vertical-hierarchy"] .hierarchy{display: none;}
@media(min-width:1025px){
[type="Vertical-hierarchy"] .has-multi{position: relative;}
[type="Vertical-hierarchy"] .hierarchy{ position: absolute; left: 100%;top: 0;z-index: 20; width: 100%;background-color: rgba(0,0,0,0.7); padding: 10px 0;}
[type="Vertical-hierarchy"] .hierarchy[data-num="2"]{background-color: rgba(0,0,0,0.5);}
}

/*滚屏快捷动画*/
.whir-fade-left{transform: translate(-30px,0); }
.whir-fade-right{transform: translate(30px,0);}
.whir-fade-up{transform: translate(0,30px);}
.whir-fade-down{transform: translate(0,-30px);}
.whir-zoom-in{transform: scale(0);}
[class*=whir-]{opacity: 0;transition-property: all;transition-duration: 1.2s;}
.active [class*=whir-]{opacity: 1;}
.active [class*=whir-fade]{transform: translate(0,0);}
.active [class*=whir-zoom]{transform: scale(1);}

body{ font-size: 0.92vw}
.f18{ font-size: 1vw;}
.f20{ font-size: 1.05vw;}
.f22{ font-size: 1.16vw;}
.f24{ font-size: 1.25vw;}
.f26{ font-size: 1.355vw;}
.f28{ font-size: 1.5vw;}
.f30{ font-size: 1.6vw;}
.f32{ font-size: 1.6vw;}
.f34{ font-size: 1.8vw;}
.f38{ font-size: 2vw;}
.f48{ font-size: 2.5vw;}
@media(max-width:1200px){
body{ font-size: 1.4vw}
.f18{ font-size: 1.45vw;}
.f20{ font-size: 1.46vw;}
.f22{ font-size: 1.5vw;}
.f24{ font-size: 1.55vw;}
.f26{ font-size: 1.6vw;}
.f28{ font-size: 1.65vw;}
.f30{ font-size: 1.7vw;}
.f32{ font-size: 1.75vw;}
.f34{ font-size: 1.8vw;}
.f38{ font-size: 2vw;}
.f48{ font-size: 2.5vw;}
}
@media(max-width:960px){
body{ font-size: 3vw}
.f18{ font-size: 3.1vw;}
.f20{ font-size: 3.13vw;}
.f22{ font-size: 3.15vw;}
.f24{ font-size: 3.2vw;}
.f26{ font-size: 3.9vw;}
.f28{ font-size: 4vw;}
.f30{ font-size: 4.2vw;}
.f32{ font-size: 4.4vw;}
.f34{ font-size: 4vw;}
.f38{ font-size: 4.6vw;}
.f48{ font-size: 5vw;}
}

.item{ position: relative}


.img-mid{ position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; max-height: 100%;}

.header{ position:fixed;width: 100%; z-index: 102;top: 0; border-top: solid 10px #e78c1e; background: #fff; transition: 0.5s}
.header .auto{ padding-top:30px; padding-bottom:30px; width: 94%}
.header .logo img{height:45px;}
.header .top-nav > *{float: left;}
.header .top-nav dl{ position: relative}
.header .open-search{width:38px;height:38px;background: url(../images/search.png) no-repeat center center;}
.header .top-search{ right: 0; display: none; position: absolute; background-color: #fff;border-radius: 36px;padding-right: 36px;width:300px;box-shadow: 0 0 5px #ddd;}
.header .top-search .btn{position: absolute;right: 0;top: 0;width: 36px;height: 100%;background: url(../images/search.png) no-repeat center center;}
.header .top-search .text{width: 100%;height:40px;line-height:40px;padding:0 0 0 20px;border: 0;background: none;}
.search-show .header .top-search{display: block;}

.header .top-lang{ display: none; margin-left: 30px; position: relative;padding-left: 30px; background: url(../images/icon_language.png) no-repeat left 10px}
.header .top-lang >a{ line-height: 38px; padding-right:16px; background: url(../images/icon_language_jt.png) no-repeat right}
.header .top-lang span{ left: 0; position:absolute; width:100%; top: 100%; display: none; padding-top: 23px;}
.header .top-lang span a:nth-child(1)::before{ content:''; position:absolute; top: -6px; width:0; height:0; left:0; right:0; margin:auto; border:solid 12px transparent; border-bottom-color:#ddd}
.header .top-lang span a{display: block; text-align:center; line-height:40px; background: #fff}
.header .top-lang span a:last-child{ border-radius: 0 0 10px 10px}
.header .top-lang span a:hover{ opacity: 0.8}
.header .top-lang.on{}

.header menu li span,
.header menu li a{display: block;}
.header menu li span a{color: #000000;}
.header menu li .sub{display: none;}


@media (min-width:1025px) {
.header:hover{ background: #fff}
.header .logo{float: left}
.header .top-nav{float: right; padding-top:5px;}
.header menu{ max-width: 1280px; width: 70%; margin: auto}
.header menu li{float: left; position: relative;width: 12.5%; text-align: center}
.header menu li:nth-child(1){ width: 12%;}
.header menu li span{ font-size: 20px;  line-height:45px;}
.header menu li span a{position: relative;}

.header menu li span a:after{position: absolute;content: '';height:2px;background-color:#e78c1e;left: 50%;transform: translateX(-50%); bottom:-21px;width: 0;transition: width 0.3s;}
.header menu li span a:hover:after{width: 100%;}
.header menu li.aon span a{ color: #e78c1e}
.header .sub{position: absolute;top: 100%; left: -25%; padding-top: 20px; min-width:150%;white-space: nowrap; overflow: hidden;display: none}
.header .sub dl{overflow: hidden;background:rgba(255,255,255,0.8); padding-top: 10px}
.header .sub dt{text-align: center;}
.header .sub dt a{ display: block; padding: 10px; transition: 0.3s; text-align: center}
.header .sub dt a:hover{ color: #fff; background: #e78c1e}

}


@media (max-width:1024px) {
.header{ background:rgba(255,255,255,0.8); border-bottom-color: #eee}
.header .auto{ padding-top: 8px; padding-bottom: 8px; display: flex;align-items: center;justify-content: space-between;}
.header .auto:after{display: none;}
.header .top-lang{ margin-left: 10px; margin-right: 20px;}
.header .top-search{position: absolute;width: 200px; top: 100%;}
.header .open-menu{ margin-left: 20px; height: 36px;}
.header .open-menu i{background-color: #e78c1e;}
body.menu-show{overflow: hidden;}
.header menu{position: fixed;top:72px;bottom: 0;width: 240px;background-color: rgba(255,255,255,0.9);left: -100%;padding: 40px 0;opacity: 0;transition: 0.3s ease-out; z-index: 200;}
body.menu-show .header menu{left: 0;opacity: 1;}
.header menu ul{height: 100%; overflow: auto;}
.header menu li{border-bottom: 1px solid #eee;}
.header menu li span{line-height: 3;font-size: 20px;}
.header menu li span a{padding-left: 1em;}
.header .has-sub span .op:before,
.header .has-sub span .op:after{background-color: #7a0000;}
.header .sub{padding:1em;font-size: 16px;background-color: rgba(0,0,0,0.1);}
.header .sub dt{line-height: 2.5;}
}


.istop{ position:fixed; display: block; bottom:10px; right:10px; width:30px; height:100px; cursor: pointer; z-index: 99; background: #e78c1e url(../images/istop_top.png) no-repeat center center; cursor: pointer}


.bottom{ background: #202124; font-size: 14px; position: relative}
.bottom,
.bottom a{ color: #fff}
.bottom .box1{ padding-top:4%;}
.bottom .caidan { padding: 3% 0}
.bottom .caidan li{ float: left; width:14%; line-height:24px;}
.bottom .caidan li b{ padding-bottom: 12px; display: block; font-weight: normal}
.bottom .caidan li span{ line-height: 32px; display: block; opacity: 0.4}
.bottom .ewm { position: absolute; width: 100px; left: 0; text-align: center}
.bottom .ewm .txt{ font-size: 12px;}
.bottom .contact{line-height: 30px; position: relative; padding-left:170px}
.bottom .contact span{display: block;}
.bottom .contact span.f_cn{ line-height: 1.2}
.bottom .contact span.f_en{ line-height: 1.2; font-size: 12px}
.bottom .contact .tel{ font-size: 16px; padding: 4% 0}
.copyright{padding-top: 2%; padding-bottom: 2%; opacity: 0.4}
.copyright .icp{ padding: 0px 5px;}
@media (min-width:1200px) {
.bottom .logo{ float: left; width: 18%}
.bottom .logo img{ max-width: 80%}
.bottom .caidan{ float: left; width:57%; padding: 0}
.bottom .contact{ float: right; width:33%}
}

@media (max-width:768px) {
.bottom .caidan{ display: none}
.bottom .contact{padding-left:130px; padding-top:4%}
.bottom .icp,
.bottom .statis{ display: none}
.bottom .logo img{ max-width:35%}
}

.bg_gray{ background: #f4f4f4}

.banner_menu{ position: relative}

.banner{ padding-top: 115px;}
.banner img{ width: 100%; max-height: 450px; object-fit: cover; -webkit-object-fit: cover; }
.banner .wap{ display: none}
.banner .link{ position: absolute; width: 100%; height: 100%}
@media (max-width:1024px) {
.banner{ padding-top:71px;}
.banner .pc{ display: none}
.banner .wap{ display: block}
}

.menu{ position: absolute; width: 100%; bottom: 0; background: rgba(231,140,30,0.6)}
.menu li {position: relative; z-index: 10;}
.menu li a{ display: block;}
.menu li span{ line-height: 55px; display: inline-block; padding-left: 65px; background: no-repeat left center}
.menu li:nth-child(1) span{background-image: url(../images/column_icon1.png)}
.menu li:nth-child(2) span{background-image: url(../images/column_icon2.png)}
.menu li:nth-child(3) span{background-image: url(../images/column_icon3.png)}
.menu li:nth-child(4) span{background-image: url(../images/column_icon4.png)}

.menu .column{ display: none}
  
@media(min-width:768px){
.menu ul{ display: block!important;}
.menu li{ float: left; width: 25%; text-align: center}
.menu li a{padding:6% 0;color: #fff;}
.menu li:not(.aon) span{filter: grayscale(100%) brightness(1000%);}
.menu li.aon a{ color: #000; background: rgba(231,140,30,1)}
}

@media(max-width:768px){
.menu .column{ line-height: 40px; color: #fff; font-size: 18px; position: relative;display: block; padding: 0 20px; margin: 0;
background: #008dc5; /* Old browsers */
background: -moz-linear-gradient(left, #e78c1e 0%, #fff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #e78c1e 0%,#fff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #e78c1e 0%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e78c1e', endColorstr='#fff',GradientType=1 ); /* IE6-9 */
}
.menu .column:before{ content: ''; width:20px; height: 100%; position: absolute; right: 2%; transition: 0.4s; background: url(../images/icon_menu.png) no-repeat left}
.menu .column.on:before{ background-position: right}
.menu ul{ z-index: 20; background: #fff; box-shadow: 0 10px 10px 2px #eee; display: none; position: absolute; width:100%; left: 0;}
.menu ul li{font-size: 14px; padding:5px 0;width: 100%; border-bottom: dotted 1px #ddd}
.menu ul li a{ display: block; padding: 0 20px}
.menu ul li img{ width: 40px}
}


.pad_t_b{ padding-top:5%; padding-bottom:5%}

.line{ position: relative;height: 5px; background: #dbdcdc}
.line:before{ content: ''; position: absolute; left: 18%; width: 20%; height: 100%; background: #e78c1e}

.line_auto .auto{ position: relative;height: 3px; background: #dbdcdc}
.line_auto .auto:before{ content: ''; position: absolute; left:0; width:50%; height: 100%; background: #e78c1e}

.all_more a{ color: #e78c1e; position: relative; padding-right: 27px; cursor:pointer}
.all_more a:after{ content: ''; right: 0; position: absolute; top: 50%; margin-top: -10px; border: solid 10px transparent; border-left-color: #e78c1e}

.last_more{ text-align: center; padding-top:2%; padding-bottom:4%}
.last_more a{ padding: 7px 35px; font-size: 20px; display: inline-block; color: #fff; background: #f29824}

.column_title{ margin: 0; padding-top: 3%; padding-bottom: 3%; text-align: center;font-weight: normal;}
.column_title b{ line-height:48px; border-left: solid 10px #e78c1e; border-right: solid 10px #e78c1e; display: inline-block; padding-left: 170px; padding-right: 38px; background: url(../images/nanmu.png) no-repeat 38px;}
.column_title span{ display: block; letter-spacing: 0.1em;}
.column_title .all_more{ font-style: normal;float: right}
.column_title.no_nanmu{ text-align: left}
.column_title.no_nanmu b{ padding-left: 38px; background: none; border-right: none}
.column_title.no_nanmu span{ display: inline-block}
@media(max-width:1200px){
.column_title b{line-height: 38px; background-size:80px; padding-left: 135px; border-width: 5px}
}

.honor_list ul{ margin-left: -1%; margin-right: -1%}
.honor_list li{ float: left; width: 25%; padding:1%; text-align: center}
.honor_list li .pic{ border: solid 1px #eaeaea; padding:3%; background: #fff}
.honor_list li .pic span{ padding-bottom:68%; background-size: contain}
.honor_list li .txt{ padding-top: 4%;}
.honor_list li a{ display: block;}
@media(max-width:1024px){
.honor_list li{ width: 33.333%}
}
@media(max-width:640px){
.honor_list li{ width:50%}
}

.Pages{ padding-top:5%; padding-bottom:1%; text-align: center}
.Pages .p_page{ display: block}
.Pages a{ min-width: 55px; line-height: 55px; padding: 0px 5px; margin: 0 10px; display: inline-block; overflow: hidden; background: #f6f6f6 no-repeat center center}
.Pages a.a_cur{ color: #fff; background: #a78359}
.Pages em{ font-style: normal}
.Pages .a_prev,
.Pages .a_next{ text-indent: -120px;}
.Pages .a_prev{ background-image: url("../images/a_prev.png")}
.Pages .a_next{ background-image: url("../images/a_next.png")}
.Pages span,
.Pages .a_first,
.Pages .a_end{ display: none}
@media(max-width:960px){
.Pages a{ min-width:40px; line-height:40px;margin: 0 5px;}
}

.about_main .infobox{ color: #595757}

.editor_about .num{ padding-top: 4%; padding-bottom:6%}
.editor_about .num li{ line-height: 1.5; float: left; width: 33.333%; text-align: center}
.editor_about .num li span{ display: block}
.editor_about .num .f52{ font-size:2.75vw; color: #231815}

@media(min-width:960px){
.about_main .column_title{ position: absolute}
.about_main .infobox{ padding-left:29.862%}
}

.about_other{ padding-top:4%; padding-bottom:4%; background: no-repeat center center; background-size: cover}
.about_other .txt{ color: #fff; padding-top: 3%; padding-bottom: 3%; text-align: center}

.about_font{background: #ffffff;  padding-top:5%; padding-bottom:5%; text-align: center;}
.about_font span{ padding: 0 5%; position: relative; z-index: 2; background: #ffffff; display: inline-block}
.about_font .auto:before{ content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 3px; background: #e78c1e}

.solution_info { padding-top: 5%}
.solution_info li{ float: left; width: 33.333%; padding: 0 1%; text-align: center}
.solution_info li .icon{transition: 0.5s; max-width: 35%; margin: auto}
.solution_info h3{ padding-top: 4%; padding-bottom:2%}
.solution_info li:hover .icon{ transform: rotate(360deg)}
@media(max-width:640px){
.solution_info li{ float: none; width: 100%; padding: 3% 0}
}

.solution_slickjs{ text-align: center}
.solution_slickjs .titlebox a{ display: inline-block; cursor: pointer}
.solution_slickjs .titlebox .item:not(.slick-current) img{filter: grayscale(100%) brightness(0%);}
.solution_slickjs .titlebox .icon{ max-width: 100px; margin: auto}
.solution_slickjs .titlebox h3{ padding: 20px 0}
.solution_slickjs .titlebox pre{ text-align: center}
.solution_slickjs .titlebox b{ display: inline-block; padding: 0px 20px; line-height: 1.2}
.solution_slickjs .titlebox .slick-current a{ color: #e78c1e}
.solution_slickjs .titlebox .slick-current b{border-left: solid 8px #e78c1e; border-right: solid 8px #e78c1e}
.solution_slickjs .infobox{ padding-top: 3%}
.solution_slickjs .infobox .pic img{ width: 100%}
.solution_slickjs .infobox .txt{ border: solid 1px #dadce0; background: #fff; padding:4%;}
@media(max-width:1200px){
.solution_slickjs .titlebox .icon{ max-width: 70px;}
}
@media(max-width:768px){
.solution_slickjs .titlebox .icon{ max-width: 50px;}
}

.project_font{ padding-top:3.5%; padding-bottom:3.5%; color: #fff; text-align: center; background: #e78c1e}
.project_info{ padding-top: 2%; padding-bottom: 2%;}

.project_list{ background: #fff}
.project_list li{ float: left; width: 23.883%; margin-bottom: 2%}
.project_list .box{ position: relative}

.project_list .info { color: #fff; position: absolute; margin: auto; left: 0; top: 0; right: 0; bottom: 0; width: 80%; height:80%; text-align: center; transition: 0.5s; z-index: 6;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-align-items: center;
-webkit-align-items: center;
align-items: center;	
opacity: 0
}
.project_list .info span{ text-align: left}
.project_list .txt{ line-height:1.4; padding: 3% 0}
.project_list .pic:before{ content: ''; position: absolute; width: 100%; height: 100%; background:#000; opacity: 0; transition: 0.5s; z-index: 5}
.project_list .pic span{ padding-bottom:65%}
.project_list li:hover .pic:before{ opacity:0.3}
.project_list li:hover .info{ opacity: 1}
@media(min-width:960px){
.project_list li{ margin-left: 1.489333333333333%}
.project_list li:nth-child(4n+1){ clear: both; margin-left: 0}
}
@media(max-width:960px){
.project_list li{ width: 49%; margin-left:2%}
.project_list li:nth-child(2n+1){ clear: both; margin-left: 0}
}

.news_other{ background: #fff}
.news_other .fl_box .video_box{ position: relative; margin-bottom: 32px;}
.news_other .fl_box .video_box img{ width: 100%}
.news_other .fl_box .video_box video{ position: absolute; width: 100%; height: 100%; background: #000}

.news_other .fr_box li:not(:last-child){ border-bottom: solid 2px #f4f4f4;padding-bottom: 32px;; margin-bottom: 32px;}
.news_other .fr_box .pic{ float: left; width: 30%; border-radius: 0 20px 20px 0; transition: 0.5s}
.news_other .fr_box .pic span{ height: 154px}
.news_other .fr_box li:hover .pic{box-shadow: 10px 0 0 0 #e78c1e}
.news_other .fr_box .txt{ float:right; width: 65%}

@media(min-width:960px){
.news_other .fl_box{ float: left; width: 46%}
.news_other .fr_box{ float: right; width: 46%}
.news_other .fl_box li{ line-height: 2; width: 48%;}
.news_other .fl_box li:nth-child(odd){ float: left}
.news_other .fl_box li:nth-child(even){ float: right}
}

.news_slickjs { padding-top: 3%; padding-bottom:5%}
.news_slickjs .infobox{ background: #FFF}
.news_slickjs .pic{ width: 64.691%;border-radius: 0 20px 20px 0px;}
.news_slickjs .pic a{ padding-bottom:56%;}

.news_slickjs .info{ width: 35.309%;padding: 4% 6%;position: relative}
.news_slickjs .info:before{ content: ''; position: absolute; right: 5%; top: 5%; width: 44px; height: 55px; background: url(../images/jobs_icon.png) no-repeat center}
.news_slickjs .info time{ color: #e78c1e}
.news_slickjs .info h3{ line-height: 1.6}
.news_slickjs .info p{ color: #5f5f5f; margin-top: 8%; margin-bottom: 10%}
@media(max-width:768px){
.news_slickjs .pic,
.news_slickjs .info{ display: block; width: 100%}
}

.news_list li{ float: left; width: 23.883%; margin-bottom: 2%}
.news_list time{ color: #e78c1e}
.news_list h3{ line-height: 27px; height: 54px; margin-bottom: 20px; margin-top: 10px;}
.news_list .pic span{ padding-bottom: 56.16%}
@media(min-width:960px){
.news_list li{ margin-left: 1.489333333333333%}
.news_list li:nth-child(4n+1){ clear: both; margin-left: 0}
}
@media(max-width:960px){
.news_list li{ width: 49%; margin-left:2%}
.news_list li:nth-child(2n+1){ clear: both; margin-left: 0}
}
@media(max-width:640px){
.news_list li{ float: none; width: 100%; margin-left:0%}
.news_list li:nth-child(2n+1){ clear: both; margin-left: 0}
}

.info_main{ padding:6%; background: #f8f9fa}
.info_main .article{ border-top: solid 1px #ededed; border-bottom: solid 1px #ededed}
.info_main .other .back{ background: #f29824; display: inline-block; padding:5px 30px; color: #fff}
.info_main .other span:nth-child(2){ margin-top: 20px;}
.info_main .video_box video{ width: 100%}
.info_title{ text-align: center; padding-bottom: 4%}
.info_title h1{ line-height: 1.5}
.info_title dl{ color: #666666}
.info_title dl span{ padding-right: 60px;}

.jobs_list .list:not(:last-child){ margin-bottom: 4%}
.jobs_list .title{ color: #fff; background: #e78c1e; line-height: 1; padding:1% 2%; margin-bottom: 4%;}
.jobs_list .title img{ margin-right: 10px; vertical-align: middle}
.jobs_list .title .icon{ float: right;filter: grayscale(100%) brightness(1000%);}
.jobs_list .info{ background: #fff; border-bottom: solid 3px #dbdcdc}
.jobs_list .icon{ display: block}
.jobs_list .txt_box{padding: 4% 6%; }
.jobs_list .info{ position: relative}
.jobs_list .info:after{ content: ''; position: absolute; bottom:-3px; width: 20%; height: 3px; background: #e78c1e}
.jobs_list .txt P{ padding: 5px 0}
.jobs_list .other{ padding-bottom:6%}

.jobs_list .apply a{ color: #e78c1e; position: relative; padding-right: 27px; cursor:pointer}
.jobs_list .apply a:after{ content: ''; right: 0; position: absolute; margin-top: 5px; border: solid 10px transparent; border-left-color: #e78c1e}

.jobs_list .pic_box img{ width: 100%}
.jobs_list .list:nth-child(odd) .pic_box img{ border-radius: 20px 0px 0px 20px}
.jobs_list .list:nth-child(even) .pic_box img{ border-radius: 0 20px 20px 0px}
@media(min-width:960px){
.jobs_list .info{ display: flex; align-items: center;}
.jobs_list .txt_box{ width:35.309%; }
.jobs_list .pic_box{ width:64.691%}
.jobs_list .list:nth-child(odd) .txt_box{ order: 1;}
.jobs_list .list:nth-child(odd) .pic_box{ order: 2;}
.jobs_list .list:nth-child(odd) .info:after{ left: 6%;}
.jobs_list .list:nth-child(even) .info:after{ right: 9%;}
.jobs_list .apply{ position: absolute; bottom:3%;}
}
@media(max-width:91024px){
.jobs_list .title img{ width: 50px;}
.jobs_list .icon{ width: 30px}
}

.editor_welfare .info{ text-align: center; margin-bottom: 3%}
.editor_welfare .list li{ width: 32%; float: left; margin-left: 2%; margin-bottom: 2%; border: 20px solid #fff;}
.editor_welfare .list li .pic{ border-radius: 6px;}
.editor_welfare .list li .pic span{ padding-bottom: 60%; border-radius:6px; }
.editor_welfare .list li .text{ background: #fff; padding: 20px; text-align: center;}
@media(min-width:1024px){
.editor_welfare .list li:nth-child(3n+1){ margin-left: 0; clear: both}
}
@media(min-width:640px) and (max-width:1024px){
.editor_welfare .list li{ width: 49%;}
.editor_welfare .list li:nth-child(2n+1){ margin-left: 0; clear: both}
}
@media(max-width:640px){
.editor_welfare .list li{ width: 100%; margin-left: 0}	
}


.contact_main .mapbox img{ max-width: none}
.contact_main .infobox{ background: #fff; width:36%; float: right}
.contact_main .infobox .txt{ padding:3% 2%; max-width: 430px; margin: auto}
.contact_main .infobox .item:not(.slick-current) h3{ color: #040000}
.contact_main .infobox .item:not(.slick-current) P{ color: #888888}
.contact_main .infobox .slick-current { color: #fff; background: #e78c1e}
.BMap_shadow img{ max-width: none}
@media(min-width:768px){
.contact_main .mapbox{ position: absolute; width: 64%; height: 100%;}
.contact_main .mapbox .map_pc,
.contact_main .infobox { height:600px}
.contact_main .infobox .txt{ line-height: 1.3}
.contact_main .infobox .slick-list{overflow-y: auto; }
.contact_main .infobox .slick-list::-webkit-scrollbar {width: 8px;}
.contact_main .infobox .slick-list::-webkit-scrollbar-track {background-color: #fff;}
.contact_main .infobox .slick-list::-webkit-scrollbar-thumb {background-color: #f1ba78;}
.contact_main .infobox .slick-list::-webkit-scrollbar-thumb:hover {background-color: #fff;}
.contact_main .infobox .slick-list::-webkit-scrollbar-thumb:active{background-color:#e78c1e;}
}
@media(max-width:768px){
.contact_main .mapbox{ display: none}
.contact_main .infobox{ float: none; width: 100%}
.contact_main .infobox .txt{padding:3%; max-width:inherit;}
.contact_main .infobox .map_wap{ height:320px;}
.contact_main .infobox .slick-list{ height:inherit!important}
.contact_main .infobox .slick-track{transform:none!important}
}


.link_list li{ float: left; width: 20%; padding: 1%; text-align: center;}
.link_list li a{ display: block; padding: 10px; box-shadow: 0 0 10px rgb(138,138,138,0.3)}
.link_list .pic{ position: relative; padding-bottom: 40%; overflow: hidden;}
.link_list .pic img{ position: absolute; max-height: 100%; margin: auto; left: 0; right: 0; top: 0; bottom: 0}
.link_list .name{ padding: 10px 0}

.sitemap { padding-top: 4%; padding-bottom: 4%}
.sitemap li{ padding:1% 0; border-bottom:dotted 1px #ccc}
.sitemap li b{ padding-right:20px;}
.sitemap li span{ display:inline-block; padding-right:20px;}
@media (max-width:768px) {
.sitemap li span{ padding-right:10px;}
}

.search_list a{ display: block; padding:3%; background: #fff; position: relative}
.search_list li{ padding:1% 0;}
.search_list li time{ position: absolute; padding-bottom: 15px; right: 3%; top: 45%; border-bottom: solid 1px #e5e5e5}
.search_list li span{ opacity: 0.6; }
.search_list li p{margin: 20px 0; width: 86%; opacity: 0.6; line-height: 28px;}
@media (max-width:768px) {
.search_list li p{ width: 100%;}
.search_list li time{ position: relative; float: right; top: auto; right: auto; padding-bottom: 0; border-bottom: none;}
.search_list li p{margin: 10px 0;line-height: 24px;}
}


.PopUpForm{ position: fixed; width: 100%; height: 100%; top: 0; background: rgba(0,0,0,0.2);  z-index:301; display:none}
.PopUpForm .ytable{ height: 100%}
.PopUpForm .form_item{padding: 5%; position: relative; max-width: 1280px; margin: auto; background: #f8f9fa }
.PopUpForm{    overflow: auto; }
.PopUpForm .form_item .close{ position:absolute; display:block; width:30px; height:30px; cursor:pointer; right:2%; top:2%; background:url(../images/close.png)}
.PopUpForm .item_box{ position: relative; padding:10px 0}

.PopUpForm .form_err{ color: #da3924}
.PopUpForm .name{padding: 3px 22px; display:inline-block}
.PopUpForm .tips{ position: absolute;line-height: 50px; padding: 0px 22px; color: #666666; font-size: 14px; opacity: 0.5;}
.PopUpForm .text{ width: 100%; height: 50px; background: #fff; border:none; padding: 0px 10px;}
.PopUpForm textarea.text{ height: 100px;}
.PopUpForm .item_btn{ text-align:center; padding-top:3%}
.PopUpForm .item_btn .btn{ display:inline-block; line-height: 50px; max-width: 180px; width:40%; text-align: center; cursor: pointer; color: #fff; background: #e78c1e; border:none}
.PopUpForm .item_btn .btn:hover{ background: #6a3906}

.PopUpForm .queueList{ margin:0;border:none}
.PopUpForm .fonttip{ position:absolute; text-align:left; top:0;color: #999; padding:0px 22px; font-size: 14px; line-height:50px; width:70%; background:#fff;}
.PopUpForm .filetip{ display:none}
.PopUpForm .placeholder{padding-top:0px; min-height:inherit}
.PopUpForm .webuploader-container{ margin: auto; width: 168px; z-index:5; float:right;}
.PopUpForm .placeholder .webuploader-pick{ line-height:50px; padding-left:40px; padding-right:20px; background:#e78c1e url(../images/uploader.png) no-repeat 10px; margin:0; font-size:14px;}
.PopUpForm .statusBar .btns .uploadBtn{background: #e78c1e;}
.PopUpForm .form_item.job{ max-width:800px;}
.PopUpForm #JobName{ color:#e78c1e; font-weight:bold}
@media(min-width:768px){
.PopUpForm .threebox .item_box{ float: left; width: 32%;}
.PopUpForm .threebox .item_box:nth-child(2){ margin: 0 2%}
.PopUpForm .twobox .item_box{ float: left; width: 48%;}
.PopUpForm .twobox .item_box:nth-child(2){ float: right}
}
@media(max-width:768px){
.PopUpForm .item_box{padding:5px 0}
.PopUpForm .name{ padding:0px 6px}
.PopUpForm .tips{ line-height:40px; padding:0 6px;}
.PopUpForm .text{ height:40px;}
.PopUpForm .fonttip,
.PopUpForm .placeholder .webuploader-pick{ line-height:40px;}
}


/*.Map002788 */
.Map002788{ padding: 4% 0 3% }
/*slick Basic*/
.Map002788 .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.Map002788 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;}
.Map002788 .slick-list:focus {outline: none}
.Map002788 .slick-list.dragging {cursor: pointer;cursor: hand;}
.Map002788 .slick-slider .slick-track, 
.Map002788 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.Map002788 .slick-track {position: relative; top: 0; left: 0; display: block;}
.Map002788 .slick-track:before, 
.Map002788 .slick-track:after{display: table; content: '';}
.Map002788 .slick-track:after{ clear: both;}
.Map002788 .slick-loading .slick-track { visibility: hidden;}
.Map002788 .slick-slide{ display: none; float: left;min-height: 1px;}
[dir = 'rtl'] .slick-slide {float: right;}
.Map002788 .slick-slide .slick-loading img { display: none;}
.Map002788 .slick-slide .dragging img { pointer-events: none;}
.Map002788 .slick-initialized .slick-slide { display: block;}
.Map002788 .slick-loading .slick-slide { visibility: hidden;}
.Map002788 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.Map002788 .slick-arrow .slick-hidden { display: none;}
/*slick Basic End*/
.Map002788{ width:100%;  position:relative;  }
.Map002788 .hd{padding-bottom: 20px;margin: 0 40px;}
.Map002788 .hd  li span{display: block;padding: 10px;line-height: 20px;text-align:center;  cursor:pointer;background: #fff;font-size: 14px;height: 60px;}
.Map002788 .hd  li:first-child span{border-radius: 5px 0 0 5px;}
.Map002788 .hd  li:last-child span{border-radius: 0 5px 5px 0;}
.Map002788 .hd  li.slick-current span{background: #e78c1e; color:#fff;}
.Map002788 .bd .title{  width: 15%;margin-right: 1%; float: left; background: #f5f5f5;height: 350px; padding:20px 30px}
.Map002788 .bd .title h1{  font-size:18px; color: #fff }
.Map002788 .bd .map{height: 350px;border: 2px solid #fff;}
.Map002788 .bd .map img{ max-width: none }
.Map002788 .bd .text{background: #fff;padding:4% 3%}
.Map002788 .bd .text h1{font-size:24px;}
.Map002788 .bd .text p{font-size: 18px;line-height: 40px;}
.Map002788 .bd .text .btn{   background:url(../images/Map002788-kf.png) no-repeat 10px #05d0b2; display: block; width: 165px; padding-left: 25px; border-radius: 5px; line-height: 46px; text-align: center; color: #fff; margin-top: 20px; }
.Map002788 .hd  ul .slick-arrow{width: 30px;height: 30px;}
.Map002788 .hd  ul .slick-arrow:before{width: 20px;height: 20px;background-size: 50px;}
.Map002788 .hd  ul .slick-prev{left:-40px;}
.Map002788 .hd  ul .slick-next{right:-40px;}
@media(min-width:769px){
.Map002788 .bd .map{width:50%; float: left}
.Map002788 .bd .text{ width:33%; margin-left: 1%; float: left;height: 350px; }
}
@media(max-width:768px){
.Map002788 .bd .title{display: none;}

}
.productMain{ display: flex; width: 100%; justify-content: space-between; flex-wrap: wrap; }
.Menu002518{ width: 22%;}
.Menu002518 .side-title{ background-color: #000000; color:#fff; font-size:24px; border-radius:5px 5px 0 0; padding:0 0 0 10%; height:79px; font-weight:bold; display: flex; align-items: center;}
.Menu002518 .side-menu li{ margin-bottom:2px;}
.Menu002518 .side-menu li a{display:block; font-size:16px; position:relative; color:#666;}
.Menu002518 .side-menu > ul > li > a{ line-height:60px; font-size:18px; background:#c3c3c3;  padding: 0 10%;color: #fff; position: relative; }
.Menu002518 .side-menu > ul > li > a::after{ content: ''; position: absolute; right: 4%; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background: url(../images/menu_icon2.png) no-repeat center; background-size: 60%;  }
/* .Menu002518 .side-menu li a i{ position:absolute; right:34px; top:50%; margin-top:-10px; width:20px; height:20px; background:#fff; border-radius:50%;}
.Menu002518 .side-menu li a i::before,
.Menu002518 .side-menu li a i::after{ position:absolute; content:''; background:#d1d1d1;}
.Menu002518 .side-menu li a i::before{ left:20%; height:2px; width:60%; top:50%; margin-top:-1px;}
.Menu002518 .side-menu li a i::after{ left:50%; width:2px; margin-left:-1px; top:20%; height:60%;} */
.Menu002518 .side-menu li ul{ display:none;}
.Menu002518 .side-menu > ul > li > a:hover,
.Menu002518 .side-menu > ul > li.aon > a{ background-color: #e78c1e; color: #fff;}
.Menu002518 .side-menu > ul > li > a:hover::after,
.Menu002518 .side-menu > ul > li.aon > a::after{ background-image: url(../images/menu_icon1.png); background-size: 85%;}
.Menu002518 .side-menu li a:hover,
.Menu002518 .side-menu li.aon > a{ }
.Menu002518 .side-menu li a:hover i::after,
.Menu002518 .side-menu li.aon a i::after{ display:none;}
.Menu002518 .side-menu li ul li{ }
.Menu002518 .side-menu li ul li a{ line-height:48px; position:relative; background-color:#e0e0e0;padding: 0 15%;}
.Menu002518 .side-menu li ul li:last-child a{ border-bottom:0;}
.Menu002518 .side-menu li ul li a::after{position:absolute; content:''; right:8%; top:50%;transform: translateY(-50%) rotate(45deg); width: 10px; height: 10px; border: solid #666; border-width: 0 1px 1px 0;}
.Menu002518 .side-menu li ul li a:hover,
.Menu002518 .side-menu li ul li.aon a{ color: #e78c1e;}
.Menu002518 .side-menu li ul li a:hover::after,
.Menu002518 .side-menu li ul li.aon a::after{ border-color: #fff;}
@media(min-width:1025px){
.Menu002518 .side-open_menu{ display:none;}
}
@media(max-width:1024px){
.Menu002518{ position:relative; z-index:10;}
.Menu002518 .side-menu{ display:none; position:absolute; left:0; width:100%; top:100%; margin-top:5px; z-index:100;}
.Menu002518 .side-open_menu{ position:relative; background:rgba(231, 140, 30, 0.1);   border:3px solid #fff;border-radius:6px; padding:10px 20px; font-size:18px; box-shadow:0 3px 0 #000000;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.Menu002518 .side-open_menu::before{ position:absolute; content:''; border:5px solid transparent; border-top-color:#000000; right:20px; top:50%; margin-top:-2px;}
}
@media(max-width:480px){
.Menu002518 .side-menu > ul > li > a {line-height: 40px;padding-left: 20px;font-size: 16px;}
.Menu002518 .side-menu li ul li a {line-height: 36px;}
.Menu002518 .side-menu li a{ font-size:14px;}
.Menu002518 .side-menu{ padding-top:10px;}
}

.rightMain{ width: 75%;}
.Location{ display: flex; justify-content: space-between; color: #999; align-items: center; border-bottom: 1px solid #e8e8e8; padding: 10px 0; margin-bottom: 20px;}
.Location aside{ font-size: 22px;}
.Location em{ font-style: normal;}
.Location em a{ color: #999;}
.proTit{ padding: 10px; font-size: 18px; color: #fff; background-color: #e78c1e; }
.porList .ul{ display: flex; flex-wrap: wrap; gap: 20px; padding: 30px;}
.porList .ul li{ width: calc( ( 100% - 20px * 2 ) / 3); text-align: center; }
.porList .pic{ overflow: hidden;}
.porList .pic .ispic{ padding-top: 70%;}
.porList .pic .title{ line-height: 40px;}

.porInfo .info_one{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px;}
.porInfo .info_one .pic{ width: 40%;}
.porInfo .info_one .pic img{ width: 100%;}
.porInfo .info_one .textwarp{ width: 55%;}
.porInfo .info_one .textwarp .title{ font-size: 24px; color: #e78c1e; margin: 0;  }
.porInfo .con{ line-height: calc( 26 / 16); padding: 10px 0;}
.porInfo .info_other{ margin-bottom: 30px;}
.porInfo .pro_stit span{ display: inline-flex; padding:5px 10px; background-color: #e78c1e; color: #fff; }
@media(max-width:1024px){
  .rightMain,
  .Menu002518{ width: 100%;}
  .rightMain{ margin-top: 20px;}
  .Location,
  .Menu002518 .side-title,
  .proTit{ display: none;}
}
@media(max-width:640px){
  .porList .ul{ gap: 10px; padding: 0;}
  .porList .ul li{ width: calc( ( 100% - 10px ) / 2);}
  .porInfo .info_one .pic,
  .porInfo .info_one .textwarp{ width: 100%;}
  .porInfo .info_one .textwarp{ margin-top: 20px;}
}